<template>
    <view class="wrapper">
        <view class="h10"></view>
        <view class="content">
            <uni-forms ref="baseForm" :modelValue="formData" label-width="100" label-position="top">
                <uni-forms-item label="联系电话" >
                    <uni-easyinput v-model="formData.phone" placeholder="如方便请输入您的联系电话" />
                </uni-forms-item>
                <uni-forms-item label="qq或微信" >
                    <uni-easyinput v-model="formData.qq" placeholder="如方便请输入您的qq号或微信" />
                </uni-forms-item>
                <uni-forms-item label="问题反馈">
                    <uni-easyinput type="textarea" v-model="formData.content" placeholder="请描述您要反馈的问题" />
                </uni-forms-item>
            </uni-forms>
            <button type="primary">提交</button>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                formData: {
                    phone: '',
                    qq: '',
                    content: ''
                }
            };
        }
    }
</script>

<style lang="less">
    .h10{
        height: 20rpx;
        background-color: #f3f4f5;
    }
    .wrapper{
        .content{
            padding: 40rpx;
        }
    }
</style>
